<html>
<head>
<link rel="stylesheet" type="text/css"
	href="css/jquery.autocomplete.css" />
<script src="http://www.google.com/jsapi"></script>
<script>
	google.load("jquery", "1");
</script>
<script src="js/jquery.autocomplete.js"></script>
<style>
input {
	font-size: 120%;
}
</style>
</head>
<body>
<div id="contenedor">
	<div id="cabecera">Esta es la cabecera</div>
		<div id="navegador">
			<a href="FrontController?res=indexLogueado.jsp" class="enlacenav">Inicio</a> | 
			<a href="FrontController?res=rutas.jsp" class="enlacenav">Rutas</a> | 
			<a href="FrontController?incidencias.jsp" class="enlacenav">Incidencias</a> | 
			<a href="FrontController?regalos.jsp" class="enlacenav">Canjea tus puntos</a> | 
			<a href="FrontController?res=registroUsuario.jsp" class="enlacenav">Perfil</a> | 
			<a href="FrontController?res=logout.jsp">Salir</a>
		</div>
	<div id="contenido">
		<form action="FrontController?res=verCallesRuta.jsp" method="post">
			<h3>Calle inicio</h3>
			<input type="text" id="calleIni" name="calleIni" />

			<script>
				$("#calleIni").autocomplete("getData.jsp");
			</script>

			<h3>Calle fin</h3>
			<input type="text" id="calleFin" name="calleFin" />

			<script>
				$("#calleFin").autocomplete("getData.jsp");
			</script>
			<input type="submit" value="GENERAR" />
		</form>
	</div>
	</div>
</body>
</html>